<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>分配角色</title>
	<meta name="decorator" content="default"/>
</head>
<body>
<div class="wrapper wrapper-content">
	<div class="container-fluid breadcrumb">
		<div class="row-fluid span12">
			<span class="span4">角色名称: <b>${role.name}</b></span>
			<span class="span4">归属机构: ${role.office.name}</span>
			<span class="span4">英文名称: ${role.enname}</span>
		</div>
		<div class="row-fluid span8">
			<span class="span4">角色类型: ${role.roleType}</span>
			<c:set var="dictvalue" value="${role.dataScope}" scope="page" />
			<span class="span4">数据范围: ${fns:getDictLabel(dictvalue, 'sys_data_scope', '')}</span>
		</div>
	</div>
	<sys:message content="${message}"/>
	<div class="breadcrumb">
		<form id="assignRoleForm" action="${ctx}/sys/role/assignrole" method="post" class="hide">
			<input type="hidden" name="id" value="${role.id}"/>
			<input id="idsArr" type="hidden" name="idsArr" value=""/>
		</form>
		<%--<input id="assignButton" class="btn btn-primary" type="submit" value="分配角色"/>--%>
        <button id="assignButton" type="submit" class="btn btn-outline btn-primary btn-sm" title="添加人员"><i class="fa fa-plus"></i> 添加人员</button>
		<script type="text/javascript">
			$("#assignButton").click(function(){
				<%--top.$.jBox.open("iframe:${ctx}/sys/role/usertorole?id=${role.id}", "分配角色",810,$(top.document).height()-240,{--%>
					<%--buttons:{"确定分配":"ok", "清除已选":"clear", "关闭":true}, bottomText:"通过选择部门，然后为列出的人员分配角色。",submit:function(v, h, f){--%>
						<%--var pre_ids = h.find("iframe")[0].contentWindow.pre_ids;--%>
						<%--var ids = h.find("iframe")[0].contentWindow.ids;--%>
						<%--//nodes = selectedTree.getSelectedNodes();--%>
						<%--if (v=="ok"){--%>
							<%--// 删除''的元素--%>
							<%--if(ids[0]==''){--%>
								<%--ids.shift();--%>
								<%--pre_ids.shift();--%>
							<%--}--%>
							<%--if(pre_ids.sort().toString() == ids.sort().toString()){--%>
								<%--top.$.jBox.tip("未给角色【${role.name}】分配新成员！", 'info');--%>
								<%--return false;--%>
							<%--};--%>
					    	<%--// 执行保存--%>
					    	<%--loading('正在提交，请稍等...');--%>
					    	<%--var idsArr = "";--%>
					    	<%--for (var i = 0; i<ids.length; i++) {--%>
					    		<%--idsArr = (idsArr + ids[i]) + (((i + 1)== ids.length) ? '':',');--%>
					    	<%--}--%>
					    	<%--$('#idsArr').val(idsArr);--%>
					    	<%--$('#assignRoleForm').submit();--%>
					    	<%--return true;--%>
						<%--} else if (v=="clear"){--%>
							<%--h.find("iframe")[0].contentWindow.clearAssign();--%>
							<%--return false;--%>
		                <%--}--%>
					<%--}, loaded:function(h){--%>
						<%--$(".jbox-content", top.document).css("overflow-y","hidden");--%>
					<%--}--%>
				<%--});--%>


                top.layer.open({
                    type: 2,
                    area: ['800px', '600px'],
                    title:"选择用户",
                    maxmin: true, //开启最大化最小化按钮
                    content: "${ctx}/sys/role/usertorole?id=${role.id}" ,
                    btn: ['确定', '关闭'],
                    yes: function(index, layero){
                        var pre_ids = layero.find("iframe")[0].contentWindow.pre_ids;
                        var ids = layero.find("iframe")[0].contentWindow.ids;
                        if(ids[0]==''){
                            ids.shift();
                            pre_ids.shift();
                        }
                        if(pre_ids.sort().toString() == ids.sort().toString()){
                            top.$.jBox.tip("未给角色【人事】分配新成员！", 'info');
                            return false;
                        };

                        console.log(ids);

                        // 执行保存
                        loading('正在提交，请稍等...');
                        var idsArr = "";
                        for (var i = 0; i<ids.length; i++) {
                            idsArr = (idsArr + ids[i]) + (((i + 1)== ids.length) ? '':',');
                        }

                        console.log(idsArr);
                        $('#idsArr').val(idsArr);
                        $('#assignRoleForm').submit();
                        top.layer.close(index);
                    },
                    cancel: function(index){
                    }
                });
            });
		</script>
	</div>
	<table id="contentTable" class="table table-striped table-bordered table-condensed">
		<thead><tr><th>归属公司</th><th>归属部门</th><th>登录名</th><th>姓名</th><th>电话</th><th>手机</th><shiro:hasPermission name="sys:user:edit"><th>操作</th></shiro:hasPermission></tr></thead>
		<tbody>
		<c:forEach items="${userList}" var="user">
			<tr>
				<td>${user.company.name}</td>
				<td>${user.office.name}</td>
				<td><a href="${ctx}/sys/user/form?id=${user.id}">${user.loginName}</a></td>
				<td>${user.name}</td>
				<td>${user.phone}</td>
				<td>${user.mobile}</td>
				<shiro:hasPermission name="sys:role:edit"><td>
					<a href="${ctx}/sys/role/outrole?userId=${user.id}&roleId=${role.id}" 
						onclick="return confirmx('确认要将用户<b>[${user.name}]</b>从<b>[${role.name}]</b>角色中移除吗？', this.href)">移除</a>
				</td></shiro:hasPermission>
			</tr>
		</c:forEach>
		</tbody>
	</table>


</div>
</body>
</html>
